.fileItem {
  display: inline-block;
  width: 100px;
  height: 120px;
  border: 1px solid transparent;
  border-radius: 3px;
  cursor: default;
  user-select: none;
  -moz-user-select: none;
  margin: 10px;

  &:hover,
  &.selected {
    border: 1px solid #ddd;
    background: #f3f3f3;
  }

  .checkbox {
    margin-left: 3px;
    cursor: default;
    float: left;

    &.hidden {
      display: none;
    }

    :global(.ant-checkbox-inner) {
      border-color: #d9d9d9;
    }

    :global(.ant-checkbox-input) {
      cursor: default;
    }

    :global(.ant-checkbox) {
      cursor: default;
    }
  }

  > img {
    display: block;
    width: 70px;
    margin: 21px auto 0;
  }

  > div {
    text-align: center;
  }
}
